﻿@using Kendo.Mvc.UI;
@{
    ViewBag.Title = "Đăng ký Nghề";
    if (!Request.IsAjaxRequest())
    { Layout = "../Shared/_Layout.cshtml"; }
    else
    { Layout = null; }
}
@model TS2015.Models.TbThiSinh


<div class="panel-body">
    @using (@Html.BeginForm("RegistrationFormVocation", "CandidateManagement", FormMethod.Post))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
        @Html.HiddenFor(m => m.MaTS)
        <input type="hidden" name="RequestTL" value="@ViewBag.TL" />
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>1. Họ, tên đệm và tên của thí sinh </strong><i>(Viết đúng như giấy khai sinh)</i>
                </div>

                <div class="col-lg-5 col-md-5">
                    <div class="row">
                        @Html.TextBoxFor(m => m.HoDem, new { @class = "form-control", placeholder = "Họ và Têm đệm..." })
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    @Html.TextBoxFor(m => m.Ten, new { @class = "form-control", placeholder = "Tên..." })
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>2. Giới tính:</strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.EnumDropDownListFor(m => m.GioiTinh, new { @class = "form-control" })
                        @Html.ValidationMessageFor(model => model.GioiTinh)
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <div class="col-lg-12 col-md-12">
                <div class="row">
                    <div class=" col-lg-1 col-md-1">
                        <div class="row row-top-label"><strong>3. Ngày sinh:</strong></div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="row-top-input">
                            @Html.TextBoxFor(e => e.NgaySinh, new { type = "date", @class = "form-control", @Value = (Model.NgaySinh.Equals(default(DateTime)) ? DateTime.Now.ToString("MM-dd-yyyy") : Model.NgaySinh.ToString("yyyy-MM-dd")) })
                            @Html.ValidationMessageFor(model => model.NgaySinh)
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>4. Dân tộc:</strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.DropDownList("MaDanToc", (SelectList)ViewBag.DanToc, "Chọn Dân tộc", new { @class = "form-control" })
                        @Html.ValidationMessageFor(model => model.MaDanToc)
                    </div>
                </div>

            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>
                        5. Thuộc đối tượng ưu tiên :
                    </strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.DropDownList("MaDoiTuong", (SelectList)ViewBag.DoiTuongUuTien, "Chọn Đối tượng", new { @class = "form-control" })
                        @Html.ValidationMessageFor(model => model.MaDoiTuong)
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <strong>6. Hộ khẩu thường trú</strong>:<br />
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Tỉnh :</strong>
                        @Html.DropDownList("MaTinh", (SelectList)ViewBag.Tinh, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh-error MaTinh-error MaTinh-error", id = "ProvinceVocationalID" })
                        <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">

                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Huyện: </strong>
                        @Html.DropDownListFor(m => m.MaHuyen, new SelectList(Enumerable.Empty<SelectListItem>(), "MaHuyen", "TenHuyen"), "Chọn Huyện...", new { @class = "form-control", id = "CommuneVocationalID" })
                        @Html.ValidationMessageFor(model => model.MaHuyen)
                    </div>
                </div>

            </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>7. Địa chỉ:</strong>:
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.DiaChi, new { @class = "form-control" })
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>8. Cơ quan công tác:</strong>:
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.CoQuanCongTac, new { @class = "form-control", data_val = "false" })
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <strong>9. Trường THPT :</strong>
            <div class="clear"></div>
            <label>Lớp 10: </label>
            <div class="clear"></div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Tỉnh :</strong>
                        @Html.DropDownList("MaTinh10", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh10-error MaTinh10-error MaTinh10-error", id = "ProvinceVocationalID10" })
                        <span class="field-validation-valid" data-valmsg-for="MaTinh10" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Trường THPT : </strong>
                        @Html.DropDownList("IDTruong10", new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolVocationalID10" })
                        @Html.ValidationMessage("IDTruong10")
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <strong>Lớp 11: </strong>
            <div class="clear"></div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Tỉnh :</strong>
                        @Html.DropDownList("MaTinh11", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh11-error MaTinh11-error MaTinh11-error", id = "ProvinceVocationalID11" })
                        <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Trường THPT : </strong>
                        @Html.DropDownList("IDTruong11", new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolVocationalID11" })
                        @Html.ValidationMessage("IDTruong11")
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <strong>Lớp 12: </strong>
            <div class="clear"></div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Tỉnh :</strong>
                        @Html.DropDownList("MaTinh12", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh12-error MaTinh12-error MaTinh12-error", id = "ProvinceVocationalID12" })
                        <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <strong>Trường THPT : </strong>
                        @Html.DropDownList("IDTruong12", new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolVocationalID12" })
                        @Html.ValidationMessage("IDTruong12")
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <strong>9. Điểm Trung học phổ thông :</strong><br />
            <div class="col-lg-4 col-md-4">
                <div class="col-lg-4 col-md-4">
                    <div class="row"><strong>Điểm lớp 10:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                    @Html.TextBoxFor(m => m.DiemLop10, new { @class = "form-control" })
                </div>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="col-lg-4 col-md-4">
                    <div class="row"><strong>Điểm lớp 11:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                    @Html.TextBoxFor(m => m.DiemLop11, new { @class = "form-control" })
                </div>
            </div>
            <div class="col-lg-4 col-md-4 row">
                <div class="col-lg-4 col-md-4">
                    <div class="row"><strong>Điểm lớp 12:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                    @Html.TextBoxFor(m => m.DiemLop12, new { @class = "form-control" })
                </div>
            </div>
            @*<div class="col-lg-3 col-md-3">
                    <div class="col-lg-8 col-md-8">
                        <div class="row row-top-label"><strong>Điểm Trung bình THPT:</strong></div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="row row-top-input">
                            @Html.TextBoxFor(m => m.DiemTBTHPT, new { @class = "form-control" })
                        </div>
                    </div>
                </div>*@
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <strong>10. Điểm tốt nghiệp:</strong><br />
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-4 col-md-4">
                    <strong>Tốt nghiệp:</strong>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="row">
                        <select name="TinhTrangTotNghiep" class="form-control">
                            <option value="1">Đã tốt nghiệp</option>
                            <option value="2">Chưa tốt nghiệp</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-5 col-md-5 row">
                    <strong>Tổng điểm tốt nghiệp:</strong>
                </div>
                <div class="col-lg-4 col-md-4">
                    @Html.TextBox("TongDiemTN", null, new { @class = "form-control", placeholder = "Tổng điểm...", type = "number" })
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>10. Số báo danh</strong><i>(SBD dự thi Tốt nghiệp)</i>:
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.SBD, new { @class = "form-control", placeholder = "Số báo danh..." })
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>11. Số minh thư nhân dân:</strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.CMND, new { @class = "form-control", placeholder = "CMND..." })
                        @Html.ValidationMessageFor(m => m.CMND)
                        <div id="ThongBao"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>12. Điện thoại: </strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.SoDienThoai, new { @class = "form-control", placeholder = "SDT..." })
                        <div id="ThongBaoSDT"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>13. Email: </strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email...", })

                        <div id="ThongBaoEmail"></div>
                        @Html.ValidationMessageFor(m => m.Email)
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="form-group">
            <strong>14. Đăng ký dự thi : </strong><br />
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <label>Khối thi: </label>
                        @Html.DropDownList("MaKhoiThi", (SelectList)ViewBag.KhoiThi, "Chọn Khối thi...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaKhoiThi-error MaKhoiThi-error MaKhoiThi-error", id = "GroupVocationalID" })
                        <span class="field-validation-valid" data-valmsg-for="MaKhoiThi" data-valmsg-replace="true"></span>
                        <br /><label>Chuyên ngành: </label>
                        @Html.DropDownListFor(m => m.MaChuyenNganh, new SelectList(Enumerable.Empty<SelectListItem>(), "MaChuyenNganh", "TenChuyenNganh"), "Chọn Chuyên ngành...", new { @class = "form-control", id = "MajorVocationalID" })
                        @Html.ValidationMessageFor(model => model.MaChuyenNganh)
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <label>Ngành: </label>
                        @Html.DropDownList("MaNganh", new SelectList(Enumerable.Empty<SelectListItem>()), "Chọn Ngành...", new { @class = "form-control valid", id = "PhylumVocationalID", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaNganh-error MaNganh-error MaNganh-error" })
                        <span class="field-validation-valid" data-valmsg-for="MaNganh" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
        </div>
        <hr />
        <div class="clear"></div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row"><strong>15. Lệ phí đăng ký: </strong></div>
                <div class="form-group">
                    @Html.CheckBox("DaDongTien", (bool)ViewBag.DaDongTien)
                    <label for="DaDongTien">Đã đóng lệ phí thi</label>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
       
        <br />
        @*<div class="stepy-errors"></div>*@

        <div class="btn-group">
            <button class="btn btn-primary btn-primary-registration" id="btSubmit" type="submit"><b>  Đăng ký</b></button>
            <a href="#" class="btn btn-default">Hủy</a>
        </div><br /><br />
        <div style="clear:both"></div><br /><br />
    }

</div>
@*<script src="~/Scripts/jquery.stepy.min.js"></script>
    <link href="~/Content/css/jquery.stepy.css" rel="stylesheet" />*@
<script>
    //$(function () {
    //    $('form').stepy();
    //});

    $(document).ready(function () {

        var CheckCMND = false, CheckEmail = false, CheckTS = false, CheckPhone = false;
        var mess = '';
        var bAlertCalled = false;
        $("#SoDienThoai").blur(function () {
            if ($(this).val().length > 0) {
                var isLength = $(this).val().length;
                var Phone = /^(0\d{9,10})$/;
                if (!$.isNumeric($("#SoDienThoai").val()))
                {
                    $("#ThongBaoSDT").fadeIn();
                    $("#ThongBaoSDT").html("<span style='color:red'>Chỉ được nhập số!</span>").delay(5000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    CheckPhone = true;
                    mess += 'Chỉ được nhập số!' + '\n';
                }
                else if ((isLength  < 10) || (isLength  > 11))
                {
                    $("#ThongBaoSDT").fadeIn();
                    $("#ThongBaoSDT").html("<span style='color:red'>Độ dài từ 10 - 11 ký tự!</span>").delay(5000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    CheckPhone = true;
                    mess += 'Độ dài từ 10 - 11 ký tự!' + '\n';
                }
                else if (!Phone.test($(this).val())){
                    $("#ThongBaoSDT").fadeIn();
                    $("#ThongBaoSDT").html("<span style='color:red'>Không đúng định dạng số điện thoại!</span>").delay(5000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    CheckPhone = true;
                    mess += 'Không đúng định dạng số điện thoại!' + '\n';
                }
                else
                {
                    $("#SoDienThoai").css('border-color', 'green');
                    $("#ThongBaoSDT").fadeOut();
                    CheckPhone = false;
                }

            }
        });
        //$("#CMND").blur(function () {
        //    var url = "/Common/CheckCMND";
        //    var name = $('#CMND').val();
        //    if ($(this).val().length > 0) {
        //        $.get(url, { CMND: name }, function (data) {
        //            if (data == "True") {
        //                $("#ThongBao").fadeIn();
        //                $("#ThongBao").html("<span style='color:red'>CMND đã tồn tại!</span>").delay(5000).fadeOut();
        //                $("#CMND").css('border-color', '#e97878');
        //                mess += 'CMND đã tồn tại!' + '\n';
        //            }
        //            else if (data == "False") {
        //                $("#ThongBao").fadeIn();
        //                $("#ThongBao").html("<span style='color:green'>CMND có thể sử dụng!</span>").delay(5000).fadeOut();
        //                $("#CMND").css('border-color', 'green');
        //                CheckCMND = true;
        //            }
        //            else if (data == "Empty") {
        //                $("#ThongBao").fadeOut();
        //            }
        //        });
        //    }
        //});

        $("#Email").blur(function () {
            var url = "/Common/CheckEmail";
            var name = $('#Email').val();
            if ($(this).val().length > 0) {
                var isLength = $(this).val().length;
                var Email = /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/;
                if (!Email.test($(this).val()))
                {
                    $("#ThongBaoEmail").fadeIn();
                    $("#ThongBaoEmail").html("<span style='color:red'>Không đúng định dạng Email!</span>").delay(5000).fadeOut();
                    $(this).css('border-color', '#e97878');
                    mess += 'Không đúng định dạng Email!' + '\n';
                }
                else {
                    CheckEmail = true;
                    $("#ThongBaoEmail").fadeOut();
                    $("#Email").css('border-color', 'green');
                }
                //else
                //{
                //    $.get(url, { Email: name }, function (data) {
                //        if (data == "True") {
                //            $("#ThongBaoEmail").fadeIn();
                //            $("#ThongBaoEmail").html("<span style='color:red'>Email đã tồn tại!</span>").delay(5000).fadeOut();
                //            $("#Email").css('border-color', '#e97878');
                //            mess += 'Email đã tồn tại!' + '\n';
                //        }
                //        else if (data == "False") {
                //            $("#ThongBaoEmail").fadeIn();
                //            $("#ThongBaoEmail").html("<span style='color:green'>Email có thể sử dụng!</span>").delay(5000).fadeOut();
                //            $("#Email").css('border-color', 'green');
                //            CheckEmail = true;
                //        }
                //        else if (data == "Empty") {
                //            $("#ThongBaoEmail").fadeOut();
                //        }
                //    });
                //};
            }
        });

        $('#btSubmit').click(function (e) {
            if (!CheckEmail ||CheckPhone) {
                alert("Có lỗi xảy ra! Kiểm tra lại dữ liệu!")
                //alert(mess);
                return false;
            }
        });
        $("#GroupVocationalID").change(function () {
            $("#PhylumVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Ngành..."
            }));
            var groupid = $(this).val();
            $.getJSON("/CandidateManagement/GetPhylumByGroup", {TLID: @ViewBag.TL, makhoithi: groupid },
                   function (data) {
                       var select = $("#PhylumVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Ngành..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#PhylumVocationalID").change(function () {
            var phylumid = $(this).val();
            $("#MajorVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Chuyên ngành..."
            }));
            $.getJSON("/CandidateManagement/GetMajorByPhylum", { manganh: phylumid },
                   function (data) {
                       var select = $("#MajorVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Chuyên ngành..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID").change(function () {
            var provinceid = $(this).val();
            $("#CommuneVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Huyện..."
            }));
            $.getJSON("/CandidateManagement/GetProvinceByCommune", { matinh: provinceid },
                   function (data) {
                       var select = $("#CommuneVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Huyện..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID10").change(function () {
            var provinceid2 = $(this).val();
            $("#HighSchoolVocationalID10").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Trường..."
            }));
            $.getJSON("/CandidateManagement/GetHighSchoolByProvince", { matinh: provinceid2 },
                   function (data) {
                       var select = $("#HighSchoolVocationalID10");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Trường..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID11").change(function () {
            var provinceid2 = $(this).val();
            $("#HighSchoolVocationalID11").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Trường..."
            }));
            $.getJSON("/CandidateManagement/GetHighSchoolByProvince", { matinh: provinceid2 },
                   function (data) {
                       var select = $("#HighSchoolVocationalID11");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Trường..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID12").change(function () {
            var provinceid2 = $(this).val();
            $("#HighSchoolVocationalID12").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Trường..."
            }));
            $.getJSON("/CandidateManagement/GetHighSchoolByProvince", { matinh: provinceid2 },
                   function (data) {
                       var select = $("#HighSchoolVocationalID12");
                       select.emptyHighSchoolVocationalID12
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Trường..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
    });
</script>
